/*

@description: 主页（JavaScript）

@author: 赖赖

@update: 2021年9月2日19:26:34

*/

// 网站设置（头尾）
getSZTW()
function getSZTW() {
  $.ajax({
    url: `http://127.0.0.1:7001/api/setUp`,
    method: 'get',
    success: function (res) {
        // logo图片
      const logo = document.querySelector(".logo")
      logo.innerHTML =
        `
          <a href="./HomePageView.html">
          <img src="http://127.0.0.1:7001/${res.data[0].logo}" alt="图标">
          </a>
        `

       // 底部logo图片
       const logo2 = document.querySelector(".logo2")
       logo2.innerHTML =
         `
           <img src="http://127.0.0.1:7001/${res.data[0].logo}" alt="图标">
         `
      // 底部 关于我们
      const us = document.querySelector(".bslj")
      us.innerHTML = 
      `
        <a href="../AboutUsView/AboutUsView.html" target="_blank">${res.data[0].about}</a>
        <span>|</span>
        <a href="../../FrontPageView/PrivacyAgreementView/PrivacyAgreementView.html" target="_blank">${res.data[0].privacy}</a>
      `
      // 备案版权
      const bq = document.querySelector(".bq")
      bq.innerHTML =`${res.data[0].copyright}`
      
      // 联系方式
      const lxfs = document.querySelector(".lxfs")
      lxfs.innerHTML = `<img src="http://127.0.0.1:7001/${res.data[0].hotline}" alt="联系方式" class="lxtp">`
    }
  })
}


// 轮播图
var mySwiper = new Swiper('.swiper-container', {
  observer:true,
  observeParents:true,

  loop: true, // 循环模式选项

  // 如果需要分页器
  pagination: {
    el: '.swiper-pagination',
  },

  // 如果需要前进后退按钮
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },

  // 如果需要滚动条
  // scrollbar: {
  //   el: '.swiper-scrollbar',
  // },
  autoplay: {
    pauseOnMouseEnter: true, //开启鼠标悬浮停止切换
    delay: 3000, //自动切换时间（单位ms）
    disableOnInteraction: false, //关闭鼠标离开时开启自动切换
  }

})

//轮播图对接
getlbt()
function getlbt() {
  $.ajax({
    url: `http://127.0.0.1:7001/api/rotationChart`,
    method: 'get',
    success: function (res) {
      console.log(res);

      // console.log(res.data.length);
      // 获取轮播图总框
      const tp = document.querySelectorAll(".tpp");
      tp[0].src =`http://127.0.0.1:7001/${res.data[3].action_on}`//最后一张图
      tp[1].src =`http://127.0.0.1:7001/${res.data[0].action_on}`//第一张图
      tp[2].src =`http://127.0.0.1:7001/${res.data[1].action_on}`//第二张图
      tp[3].src =`http://127.0.0.1:7001/${res.data[2].action_on}`//第三张图
      tp[4].src =`http://127.0.0.1:7001/${res.data[3].action_on}`//第四张图
      tp[5].src =`http://127.0.0.1:7001/${res.data[0].action_on}`//首图
    }
  })
}


// 订单查询

// 获取订单号
const ddh = document.querySelector(".ddh")
const cx = document.querySelector(".cx")
cx.onclick = function(){
  // console.log(ddh.value);
  if(ddh.value === ''){
    cx.type = "button"
    alert("请输入订单号！")
  }
  else {
    // 保存用户订单号
    localStorage.setItem('dingdanhao', JSON.stringify(ddh.value))
  // console.log(localStorage.getItem('dingdanhao'));
    cx.type = "submit"
      getCX(ddh.value)
  }
}
function getCX(order_mail){
  $.ajax({
    url:`http://127.0.0.1:7001/api/mail/new?order_mail=${order_mail}`,
    method:'get',
    data:{
      order_mail : ddh.value
    },
    success:function(res){
      localStorage.setItem('dingdanshuju', JSON.stringify(res.data))
      // console.log(localStorage.getItem('dingdanshuju'));
    },
    error:function(){
      console.log("该订单不存在！");
    }
  })
}

// 全球数据切换

// 获取全球节点
const qq = document.querySelectorAll('.qq');
// 获取全球覆盖底部节点
const fg = document.querySelector('.qfg');
// 获取全球互通底部
const ht = document.querySelector('.qht');

// 全球覆盖点击事件
qq[0].onclick = function () {
  // 全球覆盖添加节点
  qq[0].classList.add('fg');
  // 全球互通删除节点
  qq[1].classList.remove('fg');
  // 全球互通底部消失
  ht.style.display = 'none';
  // 全球覆盖底部显示
  fg.style.display = 'flex';
}

// 全球互通点击事件
qq[1].onclick = function () {
  // 全球互通添加节点
  qq[1].classList.add('fg');
  // 全球覆盖删除节点
  qq[0].classList.remove('fg');
  // 全球互通底部显示
  ht.style.display = 'flex';
  // 全球覆盖底部消失
  fg.style.display = 'none';
}

// 公告资讯

// 把id传入后端
function getId(id) {
  $.ajax({
    url: `http://127.0.0.1:7001/api/realtimeInfo/${id}`,
    type: 'get',
    data: {
      id
    },
    success: (res) => {
      // 将res.data转换为 JSON 字符串存储到r字段
      localStorage.setItem('r', JSON.stringify(res.data))
    },
    error: () => {
      console.log("后端获取失败");
    }
  })
}

// 获取资讯信息
getInformation();
function getInformation() {
  $.ajax({
    url: "http://127.0.0.1:7001/api/realtimeInfo",
    method: "get",
    success: function (res) {

      console.log(res);
      // 得到总数节点
      const wz = document.querySelector('.nr')

      // 遍历资讯框
      for (var i = 0; i < 4; i++) {

        // 创建a元素
        var arl = document.createElement('a');
        //  在文章后加a
        wz.appendChild(arl)

        // 每个a后面添加相关信息
        arl.href = "../AnnouncementInformationView/AnnouncementInformationView.html"
        arl.target = "_blank"
        arl.id = res.data[i].id
        // 添加class类叫aaa
        arl.classList.add('aaa');

        // 时间转换
        var times = new Date(parseInt(res.data[i].time_d));
        var Y = times.getFullYear() ;
        var M = (times.getMonth() + 1 < 10 ? '0' + (times.getMonth() + 1) : times.getMonth() + 1) ;
        var D = times.getDate() < 10 ? '0' + times.getDate() : times.getDate() ;
        var H = times.getHours() < 10 ? '0' + times.getHours() : times.getHours() ;
        var mi = times.getMinutes() < 10 ? '0' + times.getMinutes() : times.getMinutes() ;
        var S = times.getSeconds() < 10 ? '0' + times.getSeconds() : times.getSeconds() ;
        // console.log(Y+M+D,H+mi+S);

        // 每个元素的模板
        arl.innerHTML =
          `
            <article>
              <h1>${res.data[i].title}</h1>
              <!-- 内容 -->
              <div class="dnr"> ${res.data[i].content}</div>
              <!-- 时间 -->
              <time>${Y+"-"+M+"-"+D}</time>
            </article>
          `;
      }

      // 获取a链接的节点
      const a = document.querySelectorAll('.aaa')
      // 遍历a链接
      for (const i of a) {
        // 每当点击时传入id
        i.onclick = function () {
          getId(i.id)// 执行函数
        }
      }
    },
    error: function () {
      console.log("获取资讯失败");
    }
  })
}

// 获取隐私政策信息
// getxinsi()
// function getxinsi() {
//   $.ajax({
//     url: `http://127.0.0.1:7001/api/agreement`,
//     method: "get",
//     success: function (res) {
//       // console.log(res.data);
//       // 白色链接
//       const bslj = document.querySelector('.bslj');
//       const a = document.createElement('a')
//       bslj.appendChild(a)

//       a.href = "../PrivacyAgreementView/PrivacyAgreementView.html"
//       a.target = "_blank"
//       a.id = res.data[0].id

//       a.innerHTML = `隐私协议`;

//       a.onclick = function () {
//         getxsId(a.id)// 执行函数
//         console.log(a.id);
//       }

//     }
//   })
// }
// function getxsId(id) {
//   $.ajax({
//     url: `http://127.0.0.1:7001/api/agreement/${id}`,
//     type: 'get',
//     data: {
//       id
//     },
//     success: (res) => {
//       // 将res.data转换为 JSON 字符串存储到r字段
//       localStorage.setItem('xs', JSON.stringify(res.data))
//     },
//     error: () => {
//       console.log("后端获取失败");
//     }
//   })
// }
